.container {
    max-width: none;
    width: 100%;
    padding-left: inherit;
    padding-right: inherit;
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.border-r {
    border-radius: 1rem;
}
.container_nav {
    position: fixed;
    display: inline-block;
    width: 22%;
}
.sidebar-body {
    background-color: #5710b2 !important;
}
.px-lg-8 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.me-lg-n5 {
    margin-right: -0.25rem !important;
}
.hover-scroll-y {
    overflow-y: hidden;
    border-right: 5px solid transparent;
    margin-right: -0.4rem;
}
.bg-info {
    background-color: #5710b2 !important;
    border: 0;
}
.card-body {
    padding: 0 2.25rem;
}
.card-body {
    background-color: #5710b2;
}
.bg2 {
    /*background-image: url(/js-css/用户.png);*/
}

.bgi-no-repeat {
    background-repeat: no-repeat;
}
.bgi-position-y-center {
    background-position-y: center;
}
.bgi-position-x-center {
    background-position-x: center;
}
.bgi-size-contain {
    background-size: contain;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.pb-12 {
    padding-bottom: 3rem !important;
}
.square {
    padding-bottom: 50px;
}
.icon_title {
    color: #fff;
    font-size: 22px;
    padding: 16px;
    background-color: #4f0ca4;
    border-radius: 6px;
    cursor: pointer;
}
.icon_title:hover {
    background-color: #42098a;
}
.badge-none {
    display: none;
}

.badge-success {
    display: inline-block;
    position: absolute;
    text-align: center;
    font-size: 12px;
    background-color: #ff2300b8;
}
.icon_title svg {
    width: 22px;
    height: 22px;
}
.fw-bolder {
    font-weight: 600;
}
h3 {
    font-weight: 600;
    font-size: 16px;
    font-family: Poppins, Helvetica, sans-serif;
}
h3, .h3 {
    line-height: 1.3;
}
.fw-bolder {
    font-weight: 600;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.email-span {
    color: #20d489 !important;
    background-color: rgba(var(--bg-color), .1) !important;
    --bg-color: 255, 255, 255;
    border-radius: 0.65rem !important;
    font-weight: 600;
}
.rounded {
    border-radius: 1.25rem !important;
}
.search_input {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.input-group .position-absolute {
    z-index: 5;
}
.search-box i {
    color: rgb(0 0 0 / 55%);
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.start-0 {
    left: 5% !important;
}
.top-50 {
    top: 40% !important;
}
.search-box label {
    width: 100%;
}
.search-box input {
    padding-left: 12%;
    font-size: .875rem;
    font-weight: 500;
}

.rounded {
    border-radius: 1.25rem !important;
}
.r-5 {
    right: 5%;
}

.d_none {
    display: none;
}
.foot_i {
    cursor: pointer;
}
#search_ul {
    overflow-y: hidden;
    width: 306px;
    border: 1px solid #fff;
    position: absolute;
    z-index: 1;
    list-style: none;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 12%);
    border-radius: 0.375rem;
    top: -8px;
}
.search_history {
    display: none;
}
.px-xl-12 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.col {
    margin: 0;
    border-radius: 1rem;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.p-3 {
    padding: 0.75rem !important;
}

.sidebar-toolbar .btn {
    background-color: #4f0ca4;
}

.w-100 {
    width: 100% !important;
}
.p-5 {
    padding: 0.85rem !important;
}
.text-start {
    text-align: left !important;
}
.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5625rem 1.25rem;
    font-size: 1rem;
    border-radius: 0.75rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
a {
    text-decoration: none;
}
.sidebar-toolbar .btn span:last-child {
    color: #a06be7;
}
a:hover {
    color: #16925e;
    text-decoration: underline;
}
.btn-active-primary:hover:not(.btn-active) {
    color: #fff;
    border-color: #20d489;
    background-color: #20d489 !important;
}

.btn-active-primary:hover:not(.btn-active) .fw-bold {
    color: #fff;
}
.btn:focus {
    border: 0;
    box-shadow: none;
}
.btn:active {
    background-color: #41058e !important;
    box-shadow: none;
}

.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 70px;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px solid #eff2f5;
}
.card-header .card-title {
    display: flex;
    align-items: center;
    margin: 0.5rem 0.5rem 0.5rem 0;
    font-weight: 600 !important;
    font-size: 18px;
}
h3 {
    font-weight: 600;
    font-size: 16px;
    font-family: Poppins, Helvetica, sans-serif;
}
h3, .h3 {
    line-height: 1.3;
}
.card .card-header .card-toolbar {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    flex-wrap: wrap;
}
.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem + 2px);
}

.card-toolbar .btn {
    color: #fff;
    border: 0 #5710b2;
    background-color: transparent;
}
.card-toolbar .btn {
    color: #fff;
    border: 0 #5710b2;
    background-color: transparent;
}
.w-200px {
    width: 200px !important;
}

.menu-sub-dropdown {
    display: none;
    border-radius: 0.65rem;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%);
    z-index: 105;
}
.menu-sub {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: column;
}
.menu-sub-dropdown {
    display: none;
    border-radius: 0.65rem;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%);
    z-index: 105;
}
.menu-column {
    flex-direction: column;
    width: 100%;
}
.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0.5rem;
    z-index: 105;
    position: absolute;
    inset: 0 0 auto auto;
    margin: 0;
    transform: translate3d(-57px, 0px, 0px);
    font-family: Poppins, Helvetica, sans-serif;
}
.px-3 {
    padding-right: 0.45rem !important;
    padding-left: 0.45rem !important;
}
.menu-item .menu-content {
    font-weight: 600 !important;
    line-height: 0;
}
.separator {
    display: block;
    height: 0;
    border-bottom: 1px solid #eff2f5;
}
.menu-gray-600 .menu-item .menu-link {
    color: #7e8299;
}
.menu-item .menu-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    padding: 0.65rem 1rem;
    transition: none;
    outline: 0 !important;
    font-size: 16px;
    line-height: 10px;
    text-decoration: none;
}
.menu-rounded .menu-link {
    border-radius: 0.65rem;
}
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) {
    transition: color .2s ease, background-color .2s ease;
    background-color: #e4fff4;
    color: #20d489;
}
.card-body {
    padding: 0 2.25rem;
}

.card-body {
    background-color: #5710b2;
}
.mb-7 {
    margin-bottom: 1.75rem !important;
}
.text-hover-primary {
    cursor: pointer;
    padding: 6px 6px 6px 0.85rem;
}
.text-hover-primary:hover {
    background-color: #4f0ca4;
    border-radius: 2rem;
}
.text-hover-primary:hover a {
    transition: color .2s ease, background-color .2s ease;
    color: #20d489 !important;
    text-decoration: none !important;
}
a {
    cursor: pointer;
}
#kt_sidebar_content{
    height: auto;
}

.f-r {
    float: right;
}
.ms-auto {
    margin-left: auto !important;
}
.text-muted {
    color: #9e9fb4 !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fs-sm {
    font-size: 0.675rem !important;
}
#account-menu_outer {
    margin-left: 22.5%;
    padding-left: 0;
    width: 100%;
    background-color: #4f0ca4;
}

#myModal{
    background-color: #4f0ca4;
}
.mb-7 {
    margin-bottom: 1.75rem !important;
}

.symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle > img {
    border-radius: 50%;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.z-index-1 {
    z-index: 1 !important;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.symbol {
    flex-shrink: 0;
    position: relative;
}
.symbol.symbol-100px .symbol-label {
    width: 100px;
    height: 100px;
}
.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #3f4254;
    background-color: #f5f8fa;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.65rem;
}
.mh-75px {
    max-height: 100px !important;
}
#kt_user_chart {
    min-height: 180px;
}
#kt_user_chart svg {
    background: transparent;
}
